<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <title>My Route</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">
        
<!--        <script>
            if (navigator.geolocation){
                alert("Funciona");
            }
            else{
                alert("Nao Funciona");
            }
        </script>-->
        
        <script>
            function obterPosicao(){
                if (navigator.geolocation){
                    navigator.geolocation.getCurrentPosition(sucesso);
                }else{
                    alert("vai toma no cu");
                }
            }
             
            function sucesso(){
                var latitude = position.coords.latitude;
                var longitude = position.coords.longitude;
               
                var mensagem = "As suas coordenadas sao: <br>";
                mensagem += "Latitude: " + latitude + "<br>";
                mensagem += "Longitude: " + longitude + "<br>";
                
                alert(mensagem);
                //document.getElementById('msg').innerHTML = mensagem;
            }   
        </script>
    </head>
    <body>
        <p>
          <input type="button" value="Clique" onclick="obterPosicao()">
        </p>
        <p id="msg"></p>
    </body>
</html>

